$primary: #01a0ff!default;
$white: #ffffff!default;
$second-text: #999!default;
$background: #f8f8f8!default;
$red: #ed4622!default;
.user{
    background: $white;
    height:100%;
    .title{
        background: $background;
        color:$second-text;
        padding: 20px 20px;
        font-size: 30px;
    }
    .required{
        color:$red;
    }
    .input-name{
        flex-shrink: 0;
        font-size: 30px;
        padding: 10px 20px;
    }
    Input,Textarea{
        font-size: 20px;
        border-radius: 16px;
        padding: 10px 20px;
        background: $background;
        margin-left: 20px;
        font-size: 30px;
        flex-grow: 1;
    }
    Label{
        display: flex;
        -webkit-display: flex;
        margin-top: 20px;
        padding: 0 20px 20px 0;
    }
    Label:first-child{
        border-bottom: 0;
    }
    .huiwen-bg{
        z-index: 10;
        position: fixed;
        bottom: 20%;
        left: -70%;
        animation: huiwen 8s forwards ;
        visibility: unset;
    }
    @keyframes huiwen {
        0%{
            left: -100%;
        }
        80% {
            left: 30px;
        }
        100% {
            visibility: hidden;
        }
    }
    .huiwen{
        width: 240px;
        height: 240px;
    }
    .talk{
        position: absolute;
        width: 300px;
        height: 300px;
        left:150px;
        top:-250px;
    }
    .warn{
        position: absolute;
        width: 300px;
        height: 300px;
        left:190px;
        top:-220px;
        width: 200px;
        color:$primary;
        font-size: 26px;
    }

    .picker{
        font-size: 30px;
        padding: 10px 20px;
    }
    .button-list{
        padding: 100px 20px 10px;
        display: flex;
        -webkit-display:flex;
        Button{
            border-radius: 8px;
            line-height: 80px;
            height: 80px;
            width: 50%;
            text-align: center;
        }
        Button:first-child{
            color:$white;
            background: $primary;
        }
        Button:last-child{
            color:$primary;
            margin-left: 80px;
            border:1px solid $primary;
        }
    }
    .work-history-title{
        font-size: 30px;
        padding: 10px 20px;
    }
    .work-history{
        margin-top: 40px;
        border-top: 2px solid $background;
    }
    .add{
        border-radius: 8px;
        border:1px solid $primary;
        color:$primary;
        width: 100px;
        padding:0 10px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        float: right;
        text-align: center;
        margin-right: 10px;

    }
    .add-icon{
        margin-right: 10px;
        font-size:  30px;
    }

    .work-history-list{
        border-bottom: 2px solid $background;
        padding-bottom: 30px;
    }

    .post-picker{
        line-height:73px;
        font-size:30px;
        padding: 0 20px;
    }

}